<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <title>记录展示</title>
    <link href="../static/dist/semantic.min.css" th:href="@{/dist/semantic.min.css}" rel="stylesheet">
    <link href="../static/css/public.css" th:href="@{/css/public.css}" rel="stylesheet">
    <link rel="stylesheet" href="../static/css/notiflix.min.css" th:href="@{/css/notiflix.min.css}">
    <style>
        tr {
            text-align: center;
        }

        table {
            table-layout: fixed;
            /*word-break:break-all;*/
        }

        tbody td {
            overflow: hidden;

            text-overflow: ellipsis;

            white-space: nowrap;
        }

        tbody td:hover {
            cursor: pointer;
            text-overflow: inherit;
            overflow: visible;
        }

        .m-shadow-small {
            -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 2) !important;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 2) !important;
        }
    </style>
</head>
<body>
<nav class="ui inverted  attached  segment m-padded-tb-mini m-shadow-small">
    <div class="ui inverted secondary stackable menu" style="width: 93.7% !important;">
        <h2 class="ui teal header item" style="margin-left: 5.2%;font: italic 2em Georgia, serif;">Time-varying</h2>
        <a th:href="@{/index/none/main}" class="left-item item m-mobile-hide"><i class="edit  icon"> </i>生产计划</a>
        <a href="javascript:void(0)" id="craft" class="left-item  item m-mobile-hide"><i class="magic icon"> </i>工艺</a>
        <a href="javascript:void(0)" class="left-item item m-mobile-hide" id="export-modify-record"><i
                class="download icon"></i>导出excel</a>
        <a href="javascript:void(0)" class="head-item item m-mobile-hide" id="last-modify-record"><i
                class="eye icon"></i>修改记录</a>
        <a href="javascript:void(0)" class="head-item item m-mobile-hide" id="all-modify-record"><i
                class="eye icon"></i>全部修改记录</a>
        <div class="right m-item m-mobile-hide menu">
            <div class="ui dropdown item">
                <div class="text">
                    <img class="ui avatar image" src="../static/image/test.jpg" th:src="@{/image/test.jpg}">
                    Hi~ <span id="real-name"></span>
                </div>
                <i class="dropdown icon"></i>
                <div class="menu">
                    <a href="#" th:href="@{/logout}" class="item">注销</a>
                </div>
            </div>
        </div>
    </div>
</nav>
<input type="hidden" id="workOrderNumber" th:value="${workOrderNumber}">
<div class="m-padded-lr">
    <div class="ui container m-container" style="width: 100%!important;float: right !important;">
        <div class="ui top attached">
            <div class="ui  horizontal link list" style="width: 100vw;height: 7.5vw">
                <div class="item" style="position: fixed;">
                    <textarea id="content" style=" width: 82vw;height: 7vw;font-size: 26px;text-indent: calc(1.5 * 14px);" readonly="readonly"></textarea>
                </div>
                <div class="item" style="float: right;margin-top: 50px;margin-right: 50px;">
                    <div class="ui search selection dropdown">
                        <input name="templateId" id="templateId" type="hidden">
                        <div class="default text" data-value="0">请选择模板</div>
                        <i class="dropdown icon"></i>

                        <div class="menu" id="temp-menu" th:if="not ${#lists.isEmpty(template)}">
                            <div class="item" th:each="item:${template}"
                                 th:data-value="${item.templateId}"><span
                                    th:text="${item.templateName}"></span></div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <div class="ui attached">
            <table class="ui striped celled table" id="myTable">
                <thead>

                </thead>
                <tbody>

                </tbody>
            </table>
        </div>
    </div>
</div>
<script src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
<script src="../static/dist/semantic.min.js" th:src="@{/dist/semantic.min.js}"></script>
<script src="../static/js/init.js" th:src="@{/js/init.js}"></script>
<script src="../static/js/layui.js" th:src="@{/js/layui.js}"></script>
<script src="../static/js/notiflix.min.js" th:src="@{/js/notiflix.min.js}"></script>
<script src="../static/js/notiflix-aio.min.js" th:src="@{/js/notiflix-aio.min.js}"></script>
<script src="../static/js/public.js" th:src="@{/js/public.js}"></script>
<script src="../static/js/jquery-table2.js" th:src="@{/js/jquery-table2.js}"></script>
<script src="../static/js/mrdPage.js" th:src="@{/js/mrdPage.js}"></script>
</body>
</html>